page {
	background-image: url(https://pfmotortest.hb4oss.xstore.ctyun.cn/appstatic/img/my_logo_bg.png);
	width: 100%;
	height: 100%;
	background-repeat: space;
	background-size: 100%;
}



.titleText {
		text-align: center;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-weight: 600;
		font-size: 16px;
		align-items: center;
		display: flex;
		position: absolute;
		top: calc(50% - 10px);
		left: calc((100% - 40px)/2);
	}

	.showMore {
		width: 24px;
		height: 24px;
		position: absolute;
		left: 44px;
		top: calc(50% - 12px);
		/*#ifdef APP-PLUS||H5*/
		left: calc(100% - 36px);
		/*#endif*/
	}
 .releaseState {
 	width: 100%;
 	height: 100%;
 	position: absolute;
 }
 
 .header {
 	width: 100%;
 	z-index: 9;
 }

.tab-bar {
		width: 100%;
		height: 88rpx;
		margin: 0 auto;
		z-index: 99;
		display: flex;
		color: #ffffff;
		justify-content: space-around;
		align-items: center;
	}
	
	.listView {
		width: 100%;
		height: calc(100% - 77px);
	}

 
	
	.color-1 .tab-bar-item-clickable {
		font-size: 30rpx;
		color: #EA5404;
		color: #ADB0AE;
		position: relative;
	}
	
	.color-2 .tab-bar-item-clickable {
		font-size: 30rpx;
		color: #EA5404;
		color: #ADB0AE;
		position: relative;
	}
	
	

	.color-2 .tab-bar-item-active {
		font-weight: 700;
		font-size: 30rpx;
		color: #3D3A3A;
	}

	.color-1 .tab-bar-item-active {
		font-weight: 700;
		font-size: 30rpx;
		color: #3D3A3A;
	}

	.tab-bar-item-active::after {
		content: '';
		position: absolute;
		width: 40rpx;
		height: 4rpx;
		background-color: #ea5404;
		top: 48rpx;
		left: 50%;
		transform: translateX(-50%);
	}
	
	
	.carInfoView{
		width: calc(100% - 48px);
		margin-left: 24px;
		margin-right: 24px;
		margin-top: 12px;
	}

	.info-transverse {
		width: 100%;
		height: 52px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
	
	.info-transverse1 {
		width: 100%;
		height: 80px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
	
	.right {
		display: flex;
		vertical-align: middle;
		align-items: center;
		flex-direction: row;
		padding-left: 15px;
	}
	.arrow {
		width: 15px;
		height: 13px;
		align-self: center;
		margin-left: 6px;
	}
	
	.text1{
		font-weight: 400;
		font-size: 32rpx;
		line-height: 46rpx;
		display: flex;
		align-items: center;
		color: #3D3A3A;
	}
	
	.text2 {
		font-weight: 400;
		font-size: 32rpx;
		line-height: 46rpx;
		display: flex;
		align-items: center;
		color: #ADB0AE;
		text-align: right;
	}
	.text3 {
		font-weight: 400;
		font-size: 32rpx;
		line-height: 46rpx;
		display: flex;
		align-items: center;
		color: #3D3A3A;
		text-align: right;
	}

 .text4 {
 	font-weight: 700;
 	font-size: 32rpx;
 	line-height: 32rpx;
 	display: flex;
 	align-items: center;
 	color: #3D3A3A;
 }
 
 .text-5{
	 height: 25px;
	 box-sizing: border-box;
	 border-radius: 2px;
	 text-align: center;
	 line-height: 30px;
	 align-items: center;
	 font-weight: 400;
	 font-size: 24rpx;
	 line-height: 25px;
	 display: flex;
	 color: #FFFFFF;
	 border: 1px solid #EA5404;
	 background-color: #EA5404;
	 padding-left: 10px;
	 padding-right: 10px;
 }
 
 .titleCommentTouched {
 	height: 30px;
 	box-sizing: border-box;
 	border-radius: 2px;
 	text-align: center;
 	line-height: 30px;
 	align-items: center;
 	font-size: 14px;
 	color: #FFFFFF;
 	border: 1px solid #EA5404;
 	background-color: #EA5404;
 	position: absolute;
 	left: calc(100% - 84px - 16px);
 	top: calc(50% - 16px);
 }
 
 .showMoreBtn {
 	width: 60px;
 	height: 30px;
 	position: absolute;
 	top: calc(50% - 15px);
 	left: calc(100% - 70px);
 }
 .storeView{
	 display: flex;
	 flex-direction: column;
	 align-items: flex-end;
 }